<template>
<p>初始的msg:{{msg}}</p>
<p>反转后的msg:{{ reversedMsg }}</p>
<button @click="editMsg">更改</button>
</template>
<script setup>
import { ref,computed } from 'vue';

let msg =ref("Hello World")
let reversedMsg=computed(function(){
    return msg.value.split("").reverse().join("")
})
function editMsg(){
    msg.value="Hello"
}

// 将Hello World进行反转
// function editMsg(){
//     reversedMsg.value=msg.value.split("").reverse().join("");
// }

</script>